<?php if (!defined('THINK_PATH')) exit(); /*a:1:{s:80:"D:\xampp\htdocs\lvyou\public/../application/admin\view\trip\edit_trip_price.html";i:1529059627;}*/ ?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <title>zx1984, Calendar-Price-jQuery</title>
    <link rel="stylesheet" href="__CSS__/calendar-price-jquery.min.css">
    <style>
        body {margin: 0; padding: 0; font-family: "Microsoft YaHei UI";}
    </style>
</head>
<body>
<input type="hidden" id="trip_id" name="id" value="<?php echo $id; ?>">
<div class="container"></div>

<script src="__JS__/jquery-1.12.4.min.js"></script>
<script src="__JS__/mock-data.js"></script>
<!--<script src="../dist/js/calendar-price-jquery.min.js"></script>-->
<script src="__JS__/calendar-price-jquery.js"></script>
<script>
    $(function () {
        // 生成模拟数据
        var MOCK_DATA = createMockData();

        // 日历设置表单字段配置
        // key 字段名
        // name 表单label
        // value 默认值
        // placeholder input[placeholder]
        var calendarConfig = [
//            {
//                key: 'buyNumMax',
//                name: '最多购买数',
//                type: 'number',
//                placeholder: '请输入最多购买数量'
//            },
//            {
//                key: 'buyNumMin',
//                name: '最少购买数',
//                type: 'number',
//                placeholder: '请输入最少购买数'
//            },
            {
                key: 'person_price',
                name: '成人售价',
                type: 'text',
                placeholder: '请输入'
            },
            {
                key: 'child_price',
                name: '儿童价格',
                type: 'text',
                placeholder: '请输入'
            }
//            {
//                key: 'priceSettlement',
//                name: '分销结算价',
//                type: 'text',
//                placeholder: '请输入'
//            },
//            {
//                key: 'priceRetail',
//                name: '建议零售价',
//                placeholder: '请输入建议零售价'
//            },
//            {
//                key: 'cashback',
//                name: '返现',
//                placeholder: '返现'
//            },
//            {
//                key: 'stock',
//                name: '当天库存',
//                type: 'number',
//                placeholder: '-1代表不限'
//            }
        ]

        // 日历中显示配置
        var showConfig = [
            {
                key: 'person_price',
                name: '￥'
            }
//            {
//                key: 'priceSettlement',
//                name: '采:￥'
//            },
//            {
//                key: 'stock',
//                name: '库:'
//            }
        ]

        // 样式颜色配置
        var styleConfig = {
            // 头部背景色
            headerBgColor: '#098cc2',
            // 头部文字颜色
            headerTextColor: '#fff',
            // 周一至周日背景色，及文字颜色
            weekBgColor: '#098cc2',
            weekTextColor: '#fff',
            // 周末背景色，及文字颜色
            weekendBgColor: '#098cc2',
            weekendTextColor: '#fff',
            // 有效日期颜色
            validDateTextColor: '#333',
            validDateBgColor: '#fff',
            validDateBorderColor: '#eee',
            // Hover
            validDateHoverBgColor: '#098cc2',
            validDateHoverTextColor: '#fff',
            // 无效日期颜色
            invalidDateTextColor: '#ccc',
            invalidDateBgColor: '#fff',
            invalidDateBorderColor: '#eee',
            // 底部背景颜色
            footerBgColor: '#fff',
            // 重置按钮颜色
            resetBtnBgColor: '#77c351',
            resetBtnTextColor: '#fff',
            resetBtnHoverBgColor: '#55b526',
            resetBtnHoverTextColor: '#fff',
            // 确定按钮
            confirmBtnBgColor: '#098cc2',
            confirmBtnTextColor: '#fff',
            confirmBtnHoverBgColor: '#00649a',
            confirmBtnHoverTextColor: '#fff',
            // 取消按钮
            cancelBtnBgColor: '#fff',
            cancelBtnBorderColor: '#bbb',
            cancelBtnTextColor: '#999',
            cancelBtnHoverBgColor: '#fff',
            cancelBtnHoverBorderColor: '#bbb',
            cancelBtnHoverTextColor: '#666'
        }

        // 初始化日历
        var zxCalendar = $.CalendarPrice({
            el: '.container',
            // startDate: '2017-08-02',
            endDate: '2019-02-20',
            data: MOCK_DATA,
            // 配置需要设置的字段名称
            config: calendarConfig,
            // 配置在日历中要显示的字段
            show: showConfig,
            // 自定义颜色
            style: styleConfig
        });

        log(zxCalendar)

        // 监听设置表单提交
        // 将阻止默认流程执行
        // 继续执行默认流程，请执行参数next()
        zxCalendar.$on('submit-form', function (data, next) {
            // data 设置的数据
            console.log('$(submit-form)表单数据 ================')
            console.log(data)


            // 此处可以验证表单
            // 验证表单逻辑....
            // ....

            // 继续执行下一步
            next()
        })

        // 执行过程中错误回调
        zxCalendar.$on('error', function (err) {
            // 执行中的错误提示
            console.error('$on(error)Error:')
            console.log(err)
            alert(err.msg);
        })

        // 切换月份
        zxCalendar.$on('month-change', function (data) {
            log('$on(month-change) 数据：');
            log(data);
        })

        // 点击有效的某一天通知
        zxCalendar.$on('valid-day', function (day, data, next) {
            log('$on(valid-day)当前点击的(有效)日期为: ' + day + ', 数据：');
            log(data);

            // 继续执行默认流程
            next();
        })

        // 设置数据变化
        zxCalendar.$on('setup-value-change', function (data) {
            log('$on(setup-value-change)设置窗口被修改数据....');
            log(data);
            // 取消设置
            // 这里可以触发关闭设置窗口
        })

        // 点击重置按钮回调
        zxCalendar.$on('reset', function () {
            log('$on(reset)数据重置成功！');
        })

        // 点击确定按钮回调，返回当前设置数据
        zxCalendar.$on('confirm', function (data) {
            var trip_id = $("#trip_id").val();
            log('$on(confirm)点击确定按钮通知！');
            log(data);
//            alert(data)
            $.ajax({
                type: 'POST',
                url: "http://www.lvyou.com/admin/Trip/add_trip_perice",
                data: {
                    id:trip_id,
                    price_content:data
                },
                success: function(data) {
                    if(data==1){
                        alert('添加成功')
                        window.location.href='http://www.lvyou.com/admin/Trip/index';
                    }

                },
                error:function(data){
                    alert('error')
                }
            });
        })

        // 点击取消按钮回调
        zxCalendar.$on('cancel', function () {
            log('$on(cancel)取消设置 ....');
            // 取消设置
            // 这里可以触发关闭设置窗口
        })

    });

    function log (s) {
        console.log(s)
    }
</script>


</body>
</html>
